@charset "utf-8";
/* CSS Document */


/*banner图*/

/* .allmore { position: absolute; top:0; right: 5px;}
.allmore:hover { color: #0e8035;} */
.flexslider{width:100%;height:489px; position: relative; overflow:hidden; z-index: 1;}
		/*图片*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block; width:1920px; height:100%; position: relative; left:50%; margin-left:-960px}
 

.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:489px;}

		/*按钮点*/
.flex-control-nav{width:100%;position:absolute;bottom:14px;text-align:center; z-index: 9999;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; margin: 0 2px}
.flex-control-paging li a{ background-image:url(../images/dd.png) ;background-position: center 0; display: block; width: 15px; height:15px; overflow: hidden; text-indent: -99em; cursor: pointer;}
.flex-control-paging li a.flex-active{ background-position: center -15px;}

.flex-direction-nav{ width: 100%; position: absolute; left: 0; top: 250px; z-index: 9999; display: none }
/* .flex-direction-nav .flex-prev { width: 24px; height: 64px;  font-size: 0; display: block; background: url(../images/ban-l.png) no-repeat;float: left; margin-left: 50px; }
.flex-direction-nav .flex-next { width: 24px; height: 64px;font-size: 0; display: block; background: url(../images/ban-r.png) no-repeat;float: right ; margin-right: 50px;} */


/* 浩通核心产品  */
.product-bj{ width: 100%; height: 538px; background: url(../images/bk1-bj.jpg) no-repeat; overflow: hidden;}
.product-box{ width: 1200px; height: 538px;margin: 0 auto;}
.tit-bj{ width: 1200px;  border-bottom: 1px solid #c7c7c7; padding: 53px 0 0 0}
.titel-box{width: 1200px;  background: url(../images/tx.jpg) no-repeat; background-position: bottom center; position: relative; bottom: -1px; padding-bottom: 9px;}
.titel-box h3{ width: 1100px; height: 26px;line-height: 26px; font-size: 24px; color: #0078c2; font-weight: bold; margin: 0 auto; text-align: center;margin-bottom: 6px; overflow: hidden;}
.titel-box h5{ width: 1100px; height: 16px;line-height: 16px; font-size: 14px; color: #4c4c4c; margin: 0 auto; text-align: center; overflow: hidden;}

.cp-bj{ width: 1200px; height: 341px; padding-top: 34px;}
.cp-l{ width: 348px; height: 341px; float: left; }
.cp-l a img{ width: 348px; height: 252px;}
.cp-l a h3{ width: 327px; height: 18px; line-height: 18px; margin: 0 auto; padding-left: 17px; font-size: 16px; color: #2b313a;  margin: 11px 0 7px 0; overflow: hidden;}
.cp-l a p{ width: 327px; height: 36px; line-height: 18px; margin: 0 auto; font-size: 12px;padding-left: 17px;text-indent: 24px; color: #949494; overflow: hidden;}
.cp-l:hover{ box-shadow: 0px 0px 26px #e4e8f3; background-color: #0673bf;}
.cp-l:hover a img{ width: 344px; height: 248px; border: solid 2px #0673bf}
.cp-l:hover a h3{ font-weight: bold; color: #fff}
.cp-l:hover a p{ color: #fff}

.cp-r{ width: 348px; height: 341px; float: right; }
.cp-r:hover a img{ width: 348px; height: 252px;}
.cp-r a h3{ width: 327px; height: 18px; line-height: 18px; margin: 0 auto; padding-left: 17px; font-size: 16px; color: #2b313a;  margin: 11px 0 7px 0; overflow: hidden;}
.cp-r a p{ width: 327px; height: 36px; line-height: 18px; margin: 0 auto; font-size: 12px;padding-left: 17px;text-indent: 24px; color: #949494; overflow: hidden;}
.cp-r:hover{ box-shadow: 0px 0px 26px #e4e8f3; background-color: #0673bf;}
.cp-r:hover a img{ width: 344px; height: 248px; border: solid 2px #0673bf}
.cp-r:hover a h3{ font-weight: bold; color: #fff}
.cp-r:hover a p{ color: #fff}

.cp-c{ width: 476px; height: 341px;float: left; margin-left: 14px; }
.cp-c .xt{ width: 228px; float: left; margin-bottom: 7px; }
.cp-c .xt img{width: 228px; height: 135px;}
.cp-c .xt h3{ width: 220px;  height: 32px; line-height: 32px; margin: 0 auto; text-align: center ; font-size: 16px; color: #2b313a; overflow: hidden; }
.cp-c .xt:hover{box-shadow: 0px 0px 10px #e4e8f3; background-color: #0673bf;}
.cp-c .xt:hover img{ width: 224px; height: 131px;border: solid 2px #0673bf;}
.cp-c .xt:hover h3{font-weight: bold; color: #fff}


/* 我们的优势 */
.advantage-bj{ width: 100%; padding-bottom: 68px; background-color: #ebf0f1; overflow: hidden;}
.advantage-box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.ys-box{ width: 1160px; height: 403px; margin: 0 auto;margin-top: 60px;  overflow: hidden; }
.ys-box ul{ width: 1240px; height: 403px;}
.ys-box ul li{ width: 349px; height: 403px;float: left; margin-right: 56px; position: relative; overflow: hidden;}
.ys-box ul li .ppc{width: 349px; height: 403px;    transition: all 0.6s;}
.ys-box ul li .pc-bj{width: 349px; height: 403px ; background: url(../images/pc-bj.png) no-repeat; position: absolute; left: 0; top: 0}
.ys-box ul li:hover .ppc{transform: scale(1.1);}
.hwd{width: 322px;height: 375px;border: 1px solid #fff;transition: all 0.6s ease-in 0s; margin: 13px 0 0 12px; position: relative; overflow: hidden;}

.hwd::after {content:"";display:block;position:absolute;}
.hwd::before {content:"";display:block;position:absolute;}
.c-btn--border-line {background:rgba(0,0,0,0) none repeat scroll 0 0;border:0 none;box-shadow:0 0 0 0 transparent inset;box-sizing:border-box;}
.c-btn--border-line::after,.c-btn--border-line::before {border:2px solid transparent;box-sizing:border-box;height:0;width:0;}
.c-btn--border-line::after {left:0px;top:0px;transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.c-btn--border-line::before {bottom:0px;right:0px;transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in 0s;}
.c-btn--border-line:hover::after,.c-btn--border-line:hover::before {height:100%;width:100%;}
.c-btn--border-line:hover::after {border-right-color:#fff;border-top-color:#ffff;transition:width 0.2s ease-out 0s,height 0.2s ease-out 0.2s;}
.c-btn--border-line:hover::before {border-bottom-color:#fff;border-left-color:#fff;
transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.c-btn--line::after {background-color:#1b9a55;bottom:0;transform:scaleX(0);transform-origin:right center 0;
transition:transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s,-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s;}
.c-btn--line:hover::after {transform:scaleX(1);transform-origin:left center 0;
transition:transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s,-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s;}

.th-b{ width: 243px;  margin: 0 auto; padding-top: 134px; padding-bottom: 12px; position: relative; overflow: hidden; }
.th-b h3{ width: 243px; height: 47px;line-height: 26px;text-align: center; font-size: 24px; font-weight: bold; color: #fff; white-space:nowrap;  text-overflow:ellipsis; background: url(../images/xian1.jpg) no-repeat; background-position: bottom center; margin-bottom: 18px; overflow: hidden;}

.th-b h4{ width: 243px; height: 20px;line-height: 20px;text-align: center; font-size: 16px; color: #fff; white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.ewm-b{width: 120px; margin: 0 auto; text-align: center; position: relative; bottom: -145px; overflow: hidden;}
.ewm-b .e1{ margin: 20px 0 6px 0; position:relative;  -webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite; }
.ewm-b .ewm{width: 120px; height: 120px;}
.ewm-b h4{width: 120px; height: 20px; line-height: 22px; text-align: center; font-size: 14px; color: #fff; overflow: hidden;}
@-webkit-keyframes bounce-up {
	25% {-webkit-transform: translateY(5px);}
	50%, 100% {-webkit-transform: translateY(0);}
   75% {-webkit-transform: translateY(-5px);}
   }
  
   @keyframes bounce-up {
	25% {transform: translateY(5px);}
	50%, 100% {transform: translateY(0);}
	75% {transform: translateY(-5px);}
   }
  



/* 客户案例 */

.cases-bj{ width: 100%; padding-bottom: 72px; background-color: #fff; overflow: hidden;}
.cases-box{ width: 1200px; margin: 0 auto; padding-top: 47px; overflow: hidden;}
.cases-l{ width: 686px; height: 508px;float: left; overflow: hidden; }
.cases-r{width: 455px; height: 508px; background: url(../images/gd.jpg) no-repeat; float:right; overflow: hidden;}

.bt-box{ width: 100%; height: 53px; border-bottom: 1px solid #c7c7c7; position: relative;}
.bt-box h3{ width: 380px; height: 26px; line-height: 26px;font-size: 24px; color: #0076c1; overflow: hidden;}
.bt-box h3 span{ font-size: 18px; color: #7e7e7e; padding-left: 8px;}
.bt-box h5{width: 380px; height: 24px;line-height: 16px; font-size: 14px; color: #949494; background: url(../images/tx.jpg) no-repeat; background-position: bottom left; position: relative; bottom: -1px; margin-top: 3px; overflow: hidden;}
.bt-box a{ position: absolute; right: 4px; bottom: 9px; font-size: 14px; color: #d9d9d9}

.call-b{ width: 673px; overflow: hidden;}
.call-b ul{width: 673px; height: 422px; padding: 31px 0 0 0; overflow: hidden;}
.call-b ul li{width: 669px; height: 115px; padding-top: 13px; border: solid 2px #fff; background-color: #f2f2f2; margin-bottom: 13px; overflow: hidden;}
.call-b ul li img{ width: 125px; height: 100px; margin: 0 19px 0 16px;float: left;}
.call-b ul li .nr{ width: 472px; height: 100px;overflow: hidden;}
.call-b ul li .nr h3{ width: 100%; height: 18px;line-height: 18px; font-size: 16px; color: #2b313a; white-space:nowrap;  text-overflow:ellipsis; margin: 6px 0 12px 0; overflow: hidden;}
.call-b ul li .nr p{width: 100%; height: 36px;line-height: 18px; font-size: 12px; color: #949494;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.call-b ul li:hover{  border: solid 2px #0070be; background-color: #fff;}
.call-b ul li:hover h3{ font-weight: bold; color: #0076c1}


.cases-r .bt2{ width: 412px; height: 70px; background: url(../images/xiab.jpg) no-repeat; background-position: left bottom; margin-left: 21px;position: relative; overflow: hidden;}
.cases-r .bt2 h3{ height: 26px; line-height: 26px; font-size: 24px; color: #fff;position: absolute; left:12px ; bottom:12px; }

.txtMarquee-top{ width:412px; height:417px;margin-left: 21px; margin-top: 20px; overflow:hidden; position:relative; }
.txtMarquee-top .infoList li{ width:412px; height:20px; line-height:20px; margin-bottom: 17px; overflow: hidden;}
.txtMarquee-top .infoList li a{ width:375px; height:20px; line-height:20px; font-size:16px; color:#fff; display:block; background:url(../images/dd2.png) no-repeat 19px center; padding-left:33px; white-space:nowrap;  text-overflow:ellipsis; overflow:hidden; }
.txtMarquee-top .infoList li a:hover{font-weight: bold}

/* 关于我们 */
.abot-bj{ width: 100% ; height: 559px; background: url(../images/gy-bj.jpg) no-repeat; background-position: center center;}
.abot-box{ width: 1200px;height: 559px; margin: 0 auto; position: relative;}
.wm-box{ width: 1180px;height: 304px; padding-top: 36px; margin: 0 auto; overflow: hidden;}
.wm-l{ width: 622px;  height: 304px;float: left; position: relative;overflow: hidden;}
.wm-r{ width: 522px ; height: 304px;float: right; overflow: hidden;position: relative;}
.wm-r .wbj{width: 522px ; height: 304px; background: url(../images/wm-bj.png) no-repeat; position: absolute; left: 0; top: 0}

.wm-l h3{width: 622px; height: 20px; line-height: 20px; font-size: 18px; color: #464646; margin-bottom: 17px; margin-top: 4px; overflow: hidden;}
.wm-l p{width: 622px; height: 154px; line-height: 22px; font-size: 14px; color: #868686; overflow: hidden;}
.wm-l a{ width: 128px; height: 45px; line-height: 45px; text-align: center; background-color: #0076c1; display: block; font-size: 18px; color: #fff; font-family: "Arial Regular" ; position: absolute; left: 0; bottom: 30px;}

.mm-bj{ width: 1221px; height: 147px; background: url(../images/nm-bj.png) no-repeat; position: absolute; left: -10px;bottom: -76.5px; overflow: hidden;}

	/* 数字滚动 */
.product-number-info {position: relative;}
.product-number-info .product-number-inner {width: 1200px;margin: 0 auto;}
.product-number-info ul {padding: 36px 0 0 0;}
.q {zoom: 1; }
.product-number-info li {float: left;width: 239px;height: 83px;border-left: 1px solid #eaebed;color: #0076c1;
	 text-align: center}
.product-number-info li:first-child {border: none;}
.product-number-info li b {font-weight: 400;font-size: 36px;line-height: 36px;display: inline-block;
position: relative;margin: 1px 0 0 0}
.product-number-info li p {font-size: 16px; color: #868686 ;}
.product-number-info li b i {font-style: normal; font-size: 30px; font-family: "Arial Regular"}
.product-number-info li b sup {position: absolute;font-size: 14px;right: -24px;top: -3px; color: #868686;}
.product-number-info li b em {font-style: normal;font-size: 14px;font-weight: 100;padding-left: 2px;color: #868686;
position: relative;top: -4px;}

	

/* 新闻中心 */

.nws-bj{width: 100% ; background-color: #f2f2f2; padding: 76px 0 38px 0; overflow: hidden;}
.nws-box{ width: 1200px; margin: 0 auto;}
.xw-bj{ width: 1200px; height: 434px; margin-top: 32px;}
.xw-l{ width: 442px; height: 400px; background-color: #fff;float: left; margin-top: 34px; overflow: hidden;}
.xw-r{ width: 729px; height: 434px;float: right;overflow: hidden; }

.focus2{ width:372px; height: 400px; margin-left: 30px; overflow:hidden;position:relative;}
.focus2 ul{height:372px;position:absolute;}
.focus2 ul li{float:left;   width: 372px; height: 400px;  overflow:hidden;position:relative;}
.focus2 ul li div{position:absolute;overflow:hidden;}
.focus2 .btn{position:absolute;width:372px;height:15px;padding:5px 10px;right:0;bottom:17px;text-align:center;}
.focus2 .btn span{display:inline-block;_display:inline;_zoom:1;width:15px;height:15px;_font-size:0;margin-left:5px;cursor:pointer; background: url(../images/d3.png) no-repeat; font-size: 0}
.focus2 .btn span.on{background: url(../images/d4.png) no-repeat}
.focus2 ul li img{  width: 372px; height: 247px;}
.focus2 ul li h3{ width: 100% ; height: 20px ; line-height: 20px; font-size: 18px; color: #949494; text-align: right; margin-top: 18px; overflow: hidden;}
.focus2 ul li h4{ width: 100% ; height: 20px ; line-height: 20px; font-size: 16px; color: #2b313a; margin: 15px 0 25px 0;  overflow: hidden;}
/* .focus2 .pre{width:28px;height:38px;position:absolute;bottom:0;right:27px; background: url(../images/foc1.png) no-repeat; cursor:pointer; display: block !important; }
.focus2 .next{width:28px;height:38px;position:absolute;bottom:0;right:0px; background: url(../images/foc2.png) no-repeat; cursor:pointer;display: block !important;}
.focus2:hover .pre{ display: block !important; }
.focus2 .pre:hover{background: url(../images/foc1-1.png) no-repeat; }
.focus2 .next:hover{ background: url(../images/foc2-1.png) no-repeat;}
.focus2 .btn{ display: none } */

.qe-up{width: 729px; height: 34px; border-bottom: 1px solid #d5d5d5; text-align: right; }
.qe-up span{ display: inline-block; height: 34px; line-height: 34px; font-size: 18px; color: #3e4d6a ; padding: 0 10px; margin-right: 5px;cursor: pointer;}
.qe-up span.on2{ border-bottom: 1px solid #0076c1; color: #0076c1;}


.nws{width: 729px; height: 400px;  overflow: hidden;}
.nws ul{ width:729px;}
.nws ul li{ width: 729px ; height: 94px;border-bottom: 1px solid #d5d5d5; padding: 2px 0; overflow: hidden;}
.nws ul li .mk1{width: 86px;height: 47px;float: right;text-align: right; margin-top: 12px; margin-right: 10px; overflow: hidden;}
/* .nws ul li .mk1 h3{ font-size: 44px; line-height: 44px; font-weight: bold ;  color: #616161;} */
.nws ul li .mk1 h5{font-size: 20px; color: #9d9d9d; }

.nws ul li .mk2{ width: 600px; float: left; margin-left: 8px; margin-top: 16px; background: url(../images/ja7.png) no-repeat; background-position: left 7px ; padding-left: 15px;}
.nws ul li .mk2 h3{width: 594px; height: 20px; line-height: 20px; font-size: 16px; color: #2f2f2f; white-space:nowrap;  text-overflow:ellipsis; margin-bottom: 4px; overflow: hidden;}
.nws ul li .mk2 p{width: 594px;height: 36px; line-height: 18px; font-size: 12px; color: #888888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.nws ul li:hover .mk2 h3{ font-weight: bold; color: #0076c1}
.nws ul li:hover .mk2 {  background: url(../images/ja8.png) no-repeat; background-position: left 7px ;}
.nws ul li:hover .mk1{background: url(../images/ja5.png) no-repeat;background-position:  35px bottom;}
.nws ul li:hover .mk1 h5{ color: #616161}



/* 2020.11.20增加 */

.lian-bj{ width: 100% ;height: 309px; background: url(../images/xz.jpg) no-repeat center center;  overflow: hidden;}
.lian-box{ width: 1200px; margin: 0 auto;}
.picMarquee-left{ width:100%; height: 50px; margin: 78px 0 0 0;  overflow:hidden; position:relative;}
.picMarquee-left .hd{ position:absolute; left:0; top:0; width:100%;}
.picMarquee-left .bd{ width:1090px; margin: 0 auto; overflow: hidden; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ width:162px; height: 47px; float:left; _display:inline; overflow:hidden;margin-right:20px; border: solid 1px #d2d2d2; position: relative; }
.picMarquee-left .bd ul li img{ width:162px; height:47px;cursor:pointer; }
.picMarquee-left .bd ul li:hover .mp1{display: none}
.picMarquee-left .bd ul li:hover .mp2{display: block}
.picMarquee-left .bd ul li:hover{ border: solid 1px #005ac2}
.picMarquee-left .hd .next{ width: 25px; height:42px; background: url(../images/rt.png) no-repeat;display: block;float: right}
.picMarquee-left .hd .prev{ width: 25px; height:42px; background: url(../images/lt.png) no-repeat;display: block;float: left;}
.picMarquee-left .hd .next:hover{ background: url(../images/rt1.png) no-repeat;}
.picMarquee-left .hd .prev:hover{background: url(../images/lt1.png) no-repeat;}



@media screen\9{
    

}